<template>
	<view>
		<swiper class="swiper" autoplay circular indicator-dots indicator-color="#ffffff"
			indicator-active-color="#336699">
			<swiper-item class="swiper-item" v-for="(item, index) in swiper_list" :key="index">
				<image class="image" :src="item"></image>
			</swiper-item>
		</swiper>
	</view>
</template>

<script>
	export default {
		name: "b-swiper",
		props: ["swiper_list"],
		data() {
			return {

			};
		}
	}
</script>

<style scoped lang="scss">
	.swiper {

		// height: calc(100vw * 75%);
		.swiper-item {
			.image {
				width: 100vw;
				// height: calc(100vw * 75%);
			}
		}
	}
</style>
